<template>
  <div>
      <div class="product-card">我是优惠券</div>
  </div>
</template>

<script>
// import uploadControl from "./uploadControl";
export default {
  data () {
    return {
    }
  },
}
</script>

<style scoped>
  .product-card {
    border-radius: .05rem;
    font-size: .3rem;
    line-height: 1rem;
    text-align: center;
    width: 2.5rem;
    height: 1rem;
    position: relative;
    background: radial-gradient(circle at right top, transparent .1rem,  red 0) top left / .75rem 50% no-repeat,
      radial-gradient(circle at right bottom, transparent .1rem,  red 0) bottom left /.75rem 50% no-repeat,
      radial-gradient(circle at left top, transparent .1rem,  red 0) top right /1.75rem 50% no-repeat,
      radial-gradient(circle at left bottom, transparent .1rem, red 0) bottom right /1.75rem 50% no-repeat;
    box-shadow: .05rem .05rem .05rem rgba(0,0,0,.3)
  }
  .product-card::before {
    content: '';
    height: .8rem;
    border: .01rem dashed #fff;
    position: absolute;
    left: .75rem;
    top: 0;
    bottom: 0;
    margin: auto;
  }
</style>
